<#assign base=request.contextPath>
<!DOCTYPE html> 
<html>
	<head>
		<title></title>
		<meta charset="utf-8">
		<#include "common/reference.ftl" />
		<#include "common/ligerui.ftl" />
		<script type="text/javascript">
		<!--
			var ligerTable = null;
			$(function(){
				$('.select-chosen').chosen();
				ligerTable = $('#table').ligerGrid({
					width:'98%',
					enabledSort:false,
					pageSizeOptions:[5,10,20,50,100,200],
					height:'auto',
					alternatingRow:true,
					url:'${base}/${route}/getList',
					delayLoad:false,
					pageSize:20,
					columns:[
						{display:'城市ID',name:'areaId',id:'areaId',align:'center'},
						{display:'城市名称',name:'areaName',id:'areaName',align:'left'},
						{display:'城市编码',name:'areaCode',id:'areaCode',align:'left'},
                        {
                            display:'操作时间',
                            name:'updateTime',
                            id:'updateTime',
                            align:'center',
                            minWidth:150,
                            render:function(row){
                                if(row.updateTime > 0){
                                    return formatDate(row.updateTime * 1000);
                                }
                                return '-';
                            }
                        },
                        {
                            display:'是否启用',
                            name:'enabled',
                            id:'enabled',
                            align:'center',
                            minWidth:150,
                            render:function(row){
                                if(row.enabled){
                                    return '是';
                                }
                                return '否';
                            }
                        }
    ],
    onDblClickRow: function (data, rowindex, rowobj){
        layer.open({
            title:'${module}',
							type:2,
							maxmin:false,
							area: ['100%', '100%'],
							content:'${base}/${route}/view/'+data.areaId
						});
					}
				});
				
				$('#btnEdit').click(function(){
					if(ligerTable){
			    		var row = ligerTable.getSelectedRow();
			    		if(!row || row.areaId < 1){
							layer.msg('请选择行')
			    			return;
			    		}
			    		var areaId = row.areaId;

			    		//layer.msg('areaId='+areaId);
			    		//return;

			        	var url='${base}/${route}/edit/'+areaId;
			            changePage(url);
			    	}
				});
				$('#btnRemove').click(function(){
					if(ligerTable){
			    		var row = ligerTable.getSelectedRow();
			    		if(!row || row.areaId < 1){
							layer.msg('请选择行')
			    			return;
			    		}
			    		var areaId = row.areaId;
			    		layer.confirm('确定要删除吗？',function(){
			    			$.ajax({
			            		url:'${base}/${route}/remove/'+areaId,
			            		type:'POST',
			            		data:{},
			            		dataType:'json',
			            		success:function(rst){
			            			layer.alert(rst.message);
			            			if(rst.status=='OK' && ligerTable != null ){
			            				ligerTable.reload();
			            			}
			            		}
			            	});	
			    		});
			    	}
				});

				function reload(){
                    if(ligerTable){
                        var city = $('#txtSearchKey').val();
                        ligerTable.setParm('searchKey',city);
                        ligerTable.reload();
                    }
                }

                $('#btnSearch').click(function(){
                    reload();
                });
			});
		//-->
		</script>
	</head>
	<body class="$configs["skinName"]">
		<#include "common/breadcrumb.ftl">
		<div class="widget-box">
            <div class="widget-header widget-header-flat">
                <h5 class="lighter">
                    <i class="fa fa-search"></i>
                    ${module}查询
                </h5>
            </div>
            <div class="widget-body">
                <div class="widget-main">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="input-group">
                                <span class="input-group-addon">关键字</span>
                                <input id="txtSearchKey" type="text" class="form-control search-query" placeholder="请输关键字搜索" />
                                <span class="input-group-btn">
                                    <button id="btnSearch" type="button" class="btn btn-purple btn-sm">
                                        查询
                                        <i class="icon-search icon-on-right bigger-110"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		<div class="widget-box">
			<div class="widget-header">
				<h5 class="lighter">
					<i class="icon-table"></i>
					${module}列表
				</h5>
				<!--非查询者有该操作-->
				<#if user?exists && viewerRole?exists && user.roleId != viewerRole>
				<div class="widget-toolbar">
					<button id="btnEdit" type="button" class="btn btn-primary btn-xs">
						<i class="fa fa-check-square-o"></i>编辑
					</button>
					<button id="btnRemove" type="button" class="btn btn-primary btn-xs">
						<i class="fa fa-trash-o"></i>删除
					</button>
				</div>
				</#if>
			</div>
			<div class="widget-body">
				<div id="table"><div>
			</div>
		</div>
	</body>
</html>